<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>婚纱-详情</title>
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/page.css" rel="stylesheet"/>
    <link href="css/caseDetail.css" rel="stylesheet"/>
    <link href="css/iconfont.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.6.min.js"></script>
</head>
<body>

<#include "header.ftl" />

<#include "banner.ftl" />

<div class="nav">
    <div class="main">
        <ul class="navtop">

            <li><a href="/index">首页</a></li>
        <#if topList??>

            <#list topList as top>
                <li><a href="/list?channel_id=${top.getId()}&position_id=${top.getPositionId()}">${top.getName()}</a></li>
            </#list>

        </#if>

        </ul>
    </div>
</div>

<!--顶部案例详情 开始-->
<div class="caseDetail">
    <div class="main">
        <p class="topmes"><a href="#">策划师案例 <span>></span> </a><span>案例详情</span></p>
        <div class="picture">
            <div class="maxImg" id="maxImg">
                <img src="img/caseDetail1.jpg" class="img-responsive"/>
                <img src="img/caseDetail2.jpg" class="img-responsive"/>
                <img src="img/caseDetail1.jpg" class="img-responsive"/>
                <img src="img/caseDetail2.jpg" class="img-responsive"/>
                <img src="img/caseDetail1.jpg" class="img-responsive"/>
                <img src="img/caseDetail2.jpg" class="img-responsive"/>
            </div>
            <ul class="minImg" id="minImg">
                <li><img src="img/caseDetail1-1.jpg" class="img-responsive"/></li>
                <li><img src="img/caseDetail2-1.jpg" class="img-responsive"/></li>
                <li><img src="img/caseDetail1-1.jpg" class="img-responsive"/></li>
                <li><img src="img/caseDetail2-1.jpg" class="img-responsive"/></li>
                <li><img src="img/caseDetail1-1.jpg" class="img-responsive"/></li>
                <li class="last"><img src="img/caseDetail2-1.jpg" class="img-responsive"/></li>
            </ul>
        </div>
        <div class="casemes">
            <h2 class="casename">Crystal</h2>
            <img src="img/crystal.jpg" class="avatar"/>
            <p >新人：<span>微</span></p>
            <p class="time">婚礼时间：<span>2016年6月2日_午宴</span></p>
            <p class="address">婚礼地点：<span>成都银杏酒店</span></p>
            <p >婚庆做的很好。很感谢大熊。让我们这次婚礼很成功 谢谢</p>

        </div>
    </div>
</div>
<!--顶部案例详情  结束-->
<!--评价 开始-->
<div class="review">
    <div class="main">
        <h2>评论详情</h2>
        <p class="review_count">一共收到<span>22</span>评论</p>
        <div class="review_detail">
            <div class="totalScore">综合评分<span>4.9</span></div>

            <div class="review_user">
                <img src="img/crystal.jpg" class="user_avatar"/>
                <ul>
                    <li class="user_name">170****</li>
                    <li class="user_case">2016年6月2日_午宴</li>
                    <li class="review_icon">
                        <ul>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_inactive"></li>
                            <li class="i_inactive"></li>
                        </ul>
                    </li>
                    <li>选择晓昱姐 是因为我看了她的作品 觉得有自己喜欢的 也看了她下面的评论 大家都说她工作认真负责 果然自己的第一选择是正确的 在看到方案的第一眼我们就觉得很棒 由于我们的预算费用有限 晓昱姐给了我们很多的意见 让我觉得自己很幸运 毕竟婚礼是一辈子只有一次 所以都希望不要留下很多的遗憾 婚礼当天她忙好了 还过来帮我跟化妆师 最后婚礼布置朋友都说好看 大气 有高大上的感觉 策化师找晓昱姐准错不了 呵呵 最后附上几张现场图片 </li>
                    <li class="review_time">评价时间</li>
                </ul>
            </div>

            <div class="review_user">
                <img src="img/crystal.jpg" class="user_avatar"/>
                <ul>
                    <li class="user_name">170****</li>
                    <li class="user_case">2016年6月2日_午宴</li>
                    <li class="review_icon">
                        <ul>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_inactive"></li>
                            <li class="i_inactive"></li>
                        </ul>
                    </li>
                    <li>选择晓昱姐 是因为我看了她的作品 觉得有自己喜欢的 也看了她下面的评论 大家都说她工作认真负责 果然自己的第一选择是正确的 在看到方案的第一眼我们就觉得很棒 由于我们的预算费用有限 晓昱姐给了我们很多的意见 让我觉得自己很幸运 毕竟婚礼是一辈子只有一次 所以都希望不要留下很多的遗憾 婚礼当天她忙好了 还过来帮我跟化妆师 最后婚礼布置朋友都说好看 大气 有高大上的感觉 策化师找晓昱姐准错不了 呵呵 最后附上几张现场图片 </li>
                    <li class="review_time">评价时间</li>
                </ul>
            </div>


            <div class="review_user">
                <img src="img/crystal.jpg" class="user_avatar"/>
                <ul>
                    <li class="user_name">170****</li>
                    <li class="user_case">2016年6月2日_午宴</li>
                    <li class="review_icon">
                        <ul>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_active"></li>
                            <li class="i_inactive"></li>
                            <li class="i_inactive"></li>
                        </ul>
                    </li>
                    <li>选择晓昱姐 是因为我看了她的作品 觉得有自己喜欢的 也看了她下面的评论 大家都说她工作认真负责 果然自己的第一选择是正确的 在看到方案的第一眼我们就觉得很棒 由于我们的预算费用有限 晓昱姐给了我们很多的意见 让我觉得自己很幸运 毕竟婚礼是一辈子只有一次 所以都希望不要留下很多的遗憾 婚礼当天她忙好了 还过来帮我跟化妆师 最后婚礼布置朋友都说好看 大气 有高大上的感觉 策化师找晓昱姐准错不了 呵呵 最后附上几张现场图片 </li>
                    <li class="review_time">评价时间</li>
                </ul>
            </div>

        </div>
    </div>
</div>
<!--评价 结束-->

<!--分页 开始-->
<div class="page">
    <div class="main">
        <ul>
            <li class="page-item pre"><a href="#">上一页</a></li>
            <li class="page-item active"><a href="#">1</a></li>
            <li class="page-item"><a href="#">2</a></li>
            <li class="page-item"><a href="#">3</a></li>
            <li class="page-item"><a href="#">4</a></li>
            <li class="page-item"><a href="#">5</a></li>
            <li class="page-item dot">...</li>
            <li class="page-item next"><a href="#">下一页</a></li>
        </ul>
    </div>
</div>
<!--分页 结束-->

<#include "help_link.ftl"/>

<#include "footer.ftl"/>

<#include "toolbar.ftl"/>

<script>
    var maxImg=$('#maxImg img');
    var minImg=$('#minImg li');

    $(minImg).each(function(index){
        $(this).hover(function(){
            $(this).css({'border':'2px solid #ff6537'}).siblings().css({'border':'2px solid transparent'});
            $(maxImg[index]).show().siblings().hide();
        },function(){
            $(minImg).css({'border':'2px solid transparent'});
        });

    });
    //回到顶部
    $.scrollUp();
</script>
</body>
</html>
